<!DOCTYPE html> <html class="ui-mobile>
<head>
    <base href="http://www.server.com/app-name/path/">
    <meta charset="utf-8"> <title>Page Header</title> 
    <meta content="width=device-width, initial-scale=1" name="viewport"> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <link href="css/mobiscroll-1.5.3.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/styles.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.mobile.js"></script>
   
    <script type="text/javascript" src="js/mobiscroll-1.5.3.js"></script>      
</head>
<body class="ui-mobile-viewport">
	 
     <div id="initPage" class="ui-page ui-body-c ui-page-active" data-role="page">
       <div data-role="header" data-theme="b" data-position="fixed"> 
      		<h1>Inicio</h1>
            <a href='home.html' data-icon='delete'  data-direction='reverse' class='ui-btn-right jqm-home'> Salir</a>
      	</div>
      	<div class="ui-content" data-role="content" role="main" > 
          	<a href="#principioActivo" data-role="button" id="principioActivoList">Principio Activo</a>
            <a href="#terapeutica" data-role="button" id="terapeuticaList">Clase terapéutica</a>
            <a href="#logout" data-role="button" >Uso terapéutico</a>
            <a href="http://www.janssen.es/" data-transition="slidedown" rel="external">Janssen</a>
     	</div>
      	<div data-role="footer" data-position="fixed" class="tabbar" data-id="main-tabbar">
          <div data-role="navbar" class="tabbar"> 
              <ul>
                <li><a id="home" href="#" data-icon="home" class="ui-state-persist ui-btn-active" >Home</a></li> 
                <li><a id="search" href="searchPage.html" data-icon="search" data-icon="custom" class="ui-state-persist" data-transition="none" rel="external">Búsqueda</a></li> 
                <li><a id="info" href="#" data-icon="info" data-icon="custom">Informacion</a></li>
              </ul>   
          </div>
     	</div>
     </div>
     
     
     
     <div id="terapeutica" class="ui-page ui-body-c ui" data-role="page" data-add-back-btn="true" data-back-btn-text="Inicio">
       <div data-role="header" data-theme="b" data-position="fixed"> 
      		<h1>Clase terapéutica</h1>
            <a href='initPage.html' data-icon='arrow-l'  data-direction='reverse' class='ui-btn-left jqm-home'>Inicio</a>
      	</div>
      	<div class="ui-content" data-role="content" role="main" > 
          	<div id="terapeuticaListContent"> 	
			</div>
     	</div>
     </div>
     

      <div id="principioActivo" class="ui-page ui-body-c" data-role="page" data-add-back-btn="true" data-back-btn-text="Inicio">
       <div data-role="header" data-theme="b" data-position="fixed"> 
      		<h1>Principio Activo</h1>
             <a href='initPage.html' data-icon='arrow-l'  data-direction='reverse' class='ui-btn-left jqm-home'>Inicio</a>
      	</div>
      	<div class="ui-content" data-role="content" role="main" > 
          	<ul data-role="listview" data-theme="d" data-inset="true" data-filter="true" data-filter-placeholder="Búsqueda..."> 
            	<li data-role="list-divider"> A </li>
				<li><a href="principioActivoContent.html">Alprazolam</a></li> 
                <li><a href="#">Amisulprida</a></li>
                <li><a href="#">Amozapina</a></li>
                <li><a href="#">Anfetamina (d)</a></li>
                <li><a href="#">Aripiprazol</a></li>
                <li data-role="list-divider"> B </li>
                <li><a href="#">Buprioprion</a></li>
                <li><a href="#">Buspirona</a></li>
                <li data-role="list-divider"> C </li>
			</ul>
     	</div>
     </div>
     
    
     
     
     
     
     
     
    

</body>
</html>
